.x-skeleton {
  position: relative;
}
.x-skeleton-item {
  box-sizing: border-box;
  background-color: var(--mc-gray4-color);
}
.x-skeleton-item-ref {
  user-select: none;
  pointer-events: none;
  opacity: 0;
}

.x-skeleton-animated .x-skeleton-item {
  background: linear-gradient(90deg, #f2f2f2 25%, var(--mc-gray4-color) 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: x-skeleton-loading 1.4s ease infinite;
}

@keyframes x-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}